<template>
<!--HTML-->
  <h1>哈哈哈</h1>
  <p>{{info}}</p>
  <h3>{{info}}</h3>
  <h1>{{info}}</h1>
  {{info+"晚上好"}}
  <hr>
  <button @click="f()">我是按钮</button>
  <hr>
  <p v-text="info"></p>
  <p v-html="info"></p>

</template>

<script setup>
//JS 代码
//在Vue的库中导入了 ref的函数
import { ref } from 'vue'
//使用ref函数定义变量 叫info
const info =ref("文本相关内容")
const f =()=>{
  info.value='值变了'
  info.value='值<b>更新</b>了'
}
</script>

<style scoped>
/*CSS*/
</style>